<template>
  <div class="wrapper-dashboard"> </div>
</template>

<script>
import { setLStorageObj } from '@/utils/web-storage'

import store from '@/store'
import { defineComponent, ref, onMounted } from 'vue'
export default defineComponent({
  name: 'HomeView',
  components: {},
  setup() {
    const flagLoading = ref(true)
    // 首次进入本系统时，得到所有上传文件的系统设置并写入到 LocalStorage 中
    const getConfigUl = () => {
      store
        .dispatch('sys_config/getConfigUl')
        .then((response) => {
          setLStorageObj('UploadConfig', response)
        })
        .catch((error) => {
          console.log('获取所有上传文件的系统设置出现错误：', error)
        })
    }
    // 首次进入本系统时，得到所有系统设置并写入到 LocalStorage 中
    const getConfigBasic = () => {
      store
        .dispatch('sys_config/listAll', 'Basic')
        .then((response) => {
          if (!response) {
            return
          }
          setLStorageObj('BasicConfig', response)
          setLStorageObj('AllCategoryTag', getAllCategoryTag(response))
        })
        .catch((error) => {
          console.log('获取所有系统设置出现错误：', error)
        })
    }
    // 首次进入本系统时，得到所有分类并写入到 LocalStorage 中
    const getAllCategory = () => {
      store
        .dispatch('sys_category/listAll')
        .then((response) => {
          setLStorageObj('AllCategory', response)
        })
        .catch((error) => {
          console.log('得到所有的分类出现错误：', error)
        })
    }
    // 首次进入本系统时，得到所有分类的标签并写入到 LocalStorage 中
    const getAllCategoryTag = (basicConfigList) => {
      for (var i = 0; i < basicConfigList.length; i++) {
        if ('CategoryTag' === basicConfigList[i].label) {
          return JSON.parse(basicConfigList[i].value)
        }
      }
    }

    onMounted(() => {
      getConfigUl()
      getConfigBasic()
      getAllCategory()
    })

    return {
      flagLoading,
      getConfigUl,
      getConfigBasic,
      getAllCategory,
      getAllCategoryTag,
    }
  },
})
</script>

<style lang="scss" scoped></style>
